<template>
  <div class="act-box">
    <div class="small-box" v-for="(v, i) in active" :key="i">
      <img :src="v.img" alt="" />
      <p>{{ v.topic }}</p>
      <span>{{ v.remark }}</span>
    </div>
  </div>
</template>

<script>
import getlink from "../../apis/getapi";
export default {
  data() {
    return {
      active: [],
    };
  },
  created() {
    getlink("/data/one").then((ok) => {
      //   console.log(ok);
      this.active = ok.data.active;
      // console.log(this.arr);
    });
    // console.log(this.arr);
  },
};
</script>

<style scoped>
.small-box {
  width: 100%;
  height: 2rem;
}

.act-box p {
  font-size: 0.16rem;
margin-top: .1rem;
}
.act-box span {
  font-size: 0.1rem;
  color: gray;
}
.act-box img {
  margin-left: 0.15rem;
  width: 100%;
  margin: auto;
  height: 70%;
}

</style>